<template>
  <div style="padding: 10px">
    <p>基础</p>
    <d-select virtualized :options="options" v-model="baseValue"></d-select>
    <p>尺寸</p>
    <d-select virtualized :options="options" v-model="baseValue" size="small"></d-select>
    <p>筛选</p>
    <d-select virtualized :options="options" v-model="baseValue" filterable></d-select>
    <p>baseValue 值：{{ baseValue }}</p>
  </div>
</template>

<script setup lang="ts">
  import { ref } from 'vue'
  // 基础-尺寸-筛选
  const baseValue = ref('')
  const options = Array.from({ length: 1000 }).map((_, idx) => ({
    value: `${idx + 1}`,
    label: `选项${[idx % 10]}${idx}`
  }))
</script>

<style scoped></style>
